@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*概览*/
.i_bg{ background:url(../images/i_bg1.jpg) #f5f5f5 left top repeat-x; overflow:hidden;}
.i_t{ text-align:center; color:#333333; margin-top:1%; margin-bottom:1%; font-weight:normal; letter-spacing:1px; line-height:2;}
.i_one{ width:98%; margin:0 auto; padding-bottom:60px; overflow:hidden;}
.i_one ul li{ margin-right:1%; float:left; width:15.83%; overflow:hidden;transition:all 0.3s;}
.i_one ul li:nth-child(6n+0){ margin-right:0;}
.i_one ul li .imgs{overflow:hidden;}
.i_one ul li .imgs img{display:block;width:100%; vertical-align:middle;/*display:inline-block;*/-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.i_one ul li:hover .imgs img{-webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -o-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12); transform:scale(1.12, 1.12);}
.i_one ul li .txts{ overflow:hidden;background:#fff;}
.i_one ul li h2{overflow:hidden; width:calc(92% - 36px);width:-webkit-calc(92% - 36px);width:-moz-calc(92% - 36px); margin:0 auto;height:58px; line-height:58px; color:#333333; text-align:left;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; font-weight:normal; background:url(../images/i_bg2.png) right center no-repeat; padding-right:36px; }
.i_one ul li:Hover h2{background-image:url(../images/i_bg2_on.png);  color:#024179; }
.i_one ul li:Hover{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.05); box-shadow: 0 5px 15px rgba(0,0,0,0.05);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}

/*第二屏*/
.i_two{ background:url(../images/i_bg3.jpg) center center no-repeat; overflow:hidden; background-size:cover;}
.i_two ul li{ float:left; width:18%; overflow:hidden;  height:58px;padding-top:54px; padding-bottom:54px; position:relative;transition:all 0.3s;}
.i_two ul li:after{ content:""; position:absolute; right:0; width:1px; height:58px; background:#d7d7d8; top:54px;}
.i_two ul li:last-child:after{ background:none;}
.i_two ul li.isel{ width:28%; max-width:none; background:url(../images/i_bg3_on.jpg) center center no-repeat; background-size:cover;}
.i_two ul li.isel:after{ background:none;}
.i_two ul li i{ width:49px; height:49px; overflow:hidden; float:left; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-color:#024179; border-radius:50%; margin-left:6%; margin-right:6%; margin-top:6px;}
.i_two ul li i.i_bg1{ background-image:url(../images/i_pic1.png);}
.i_two ul li i.i_bg2{ background-image:url(../images/i_pic2.png);}
.i_two ul li i.i_bg3{ background-image:url(../images/i_pic3.png);}
.i_two ul li i.i_bg4{ background-image:url(../images/i_pic4.png);}
.i_two ul li i.i_bg5{ background-image:url(../images/i_pic5.png);}
.i_two ul li.isel i{background-color:#fff;}
.i_two ul li.isel i.i_bg1{ background-image:url(../images/i_pic1_on.png);}
.i_two ul li.isel i.i_bg2{ background-image:url(../images/i_pic2_on.png);}
.i_two ul li.isel i.i_bg3{ background-image:url(../images/i_pic3_on.png);}
.i_two ul li.isel i.i_bg4{ background-image:url(../images/i_pic4_on.png);}
.i_two ul li.isel i.i_bg5{ background-image:url(../images/i_pic5_on.png);}
.i_two ul li .txts{ overflow:hidden;}
.i_two ul li .txts .h3{ font-weight:normal; height:34px; line-height:34px; overflow:hidden; color:#333333; font-size:24px;}
.i_two ul li .txts .p{height:22px; line-height:22px; overflow:hidden; color:#666666; font-size:14px; padding-right:3%;}
.i_two ul li.isel .txts .h3{ color:#fff;}
.i_two ul li.isel .txts .p{ color:#fff;}





@media screen and (max-width:1760px) {
/*第二屏*/
.i_two ul li .txts .h3{ font-size:20px;}
.i_two ul li .txts .p{ font-size:13px;}
}
@media screen and (max-width:1440px) {
/*第二屏*/
.i_two ul li{ height:73px; padding-top:47px; padding-bottom:47px;}
.i_two ul li i{ width:40px; height:40px; margin-top:11px; margin-left:4%; margin-right:4%;}
.i_two ul li .txts .h3{ height:30px; line-height:30px;}
.i_two ul li .txts .p{ line-height:20px; padding-top:3px; height:auto;}
.i_two ul li:after{ top:50px;}

}
@media screen and (max-width:1366px) {
/*概览*/
.i_one ul li h2{ font-size:16px;}
/*第二屏*/
.i_two ul li .txts .h3{ font-size:18px;}
}
@media screen and (max-width:1100px) {
/*概览*/
.i_one{ padding-bottom:40px;}
.i_one ul li{ width:32.66%; margin-bottom:1%;}
.i_one ul li:nth-child(6n+0){ margin-right:1%;}
.i_one ul li:nth-child(3n+0){ margin-right:0;}
/*第二屏*/
.i_two ul li{ width:50%;}
.i_two ul li.isel{ width:50%;}
.i_two ul li:nth-child(2n+0):after{ background:none;}
.i_two ul li:last-child{ width:100%; height:auto;}
.i_one ul li h2{ font-size:18px; background-size:28px auto; height:50px; line-height:50px;width:calc(92% - 28px);width:-webkit-calc(92% - 28px);width:-moz-calc(92% - 28px); padding-right:28px;}

}


@media screen and (max-width: 789px) {
/*概览*/
.i_t{ margin-top:2%; margin-bottom:2%;}
.i_one ul li h2{ font-size:15px;}


}
@media screen and (max-width: 640px) {
/*概览*/
.i_one{ padding-bottom:40px;}
.i_one ul li{ width:49.5%;}
.i_one ul li:nth-child(3n+0){ margin-right:1%;}
.i_one ul li:nth-child(2n+0){ margin-right:0;}
/*第二屏*/
.i_two ul li{ padding-top:30px; padding-bottom:30px;}
.i_two ul li:after{ top:30px;}

}

@media screen and (max-width: 480px) {
/*概览*/
.i_one{ padding-bottom:4%;}
.i_one ul li h2{ font-size:14px;}
/*第二屏*/
.i_two ul li{ padding-top:15px; padding-bottom:15px;}
.i_two ul li:after{ top:16px;}
.i_two ul li i{ margin-top:6px; width:32px; height:32px;}
.i_two ul li .txts .h3{ font-size:16px; height:26px; line-height:26px;}
.i_two ul li .txts .p{ font-size:12px; padding-top:0;}
}